<template>
  <div class="index-container" style="display: flex;overflow-y:auto">

    <Traffic style="width: 4.07rem;height: 1.94rem"></Traffic>
    <TrafficSection style="width: 4.07rem;height: 2.75rem"></TrafficSection>
    <TrafficWarn style="width: 4.07rem;height: 3.58rem"></TrafficWarn>
    <TrafficLevel style="width: 4.07rem;height: 2.28rem"> </TrafficLevel>

    <TrafficLevelDetail style="width: 9.82rem;height: 2.32rem;"></TrafficLevelDetail>
    <TrafficWarningDetail style="width: 9.82rem;height: 2.32rem;"></TrafficWarningDetail>
    <TrafficSectionDetail style="width: 9.82rem;height: 4.28rem;"></TrafficSectionDetail>

    <Epidemic style="width:4.07rem;height: 2rem"></Epidemic>
    <EpidemicPoint style="width:4.07rem;height: 1.52rem"></EpidemicPoint>
    <EpidemicCarSource style="width:4.07rem;height:2.24rem"></EpidemicCarSource>
    <EpidemiCar style="width:4rem;height: 5rem;"></EpidemiCar>
    <EpidemicCarSourceDetail style="width: 9.82rem;height: 2.33rem;"></EpidemicCarSourceDetail>
    <EpidemicPointDetail style="width: 9.82rem;height: 2.33rem;"></EpidemicPointDetail>

    <Equipment style="width:4.07rem;height:2rem"></Equipment>
    <CarDetail style="width:4.07rem;height:3.12rem"></CarDetail>
    <EquipmentList style="width:4.07rem;height:5.5rem"></EquipmentList>
    <CarList style="width:4.07rem;height:5.5rem"></CarList>

    <!-- --------------------------- -->

  </div>
</template>

<script>
export default {
  name: 'Index'
}
</script>
<script setup>
import Traffic from '../business-component/modules/traffic/index.vue';
import TrafficSection from '../business-component/modules/traffic-section/index.vue';
import TrafficWarn from '../business-component/modules/traffic-warn/index.vue';
import TrafficLevel from '../business-component/modules/traffic-level/index.vue'
import TrafficLevelDetail from '../business-component/modules/traffic-level-detail/index.vue'
import TrafficWarningDetail from '../business-component/modules/traffic-warning-detail/index.vue'
import TrafficSectionDetail from '../business-component/modules/traffic-section-detail/index.vue'

import Epidemic from '../business-component/modules/epidemic/index.vue'
import EpidemicCarSource from '../business-component/modules/epidemic-car-source/index.vue';
import EpidemiCar from '../business-component/modules/epidemic-car/index.vue'
import EpidemicPoint from '../business-component/modules/epidemic-point/index.vue'
import EpidemicCarSourceDetail from '../business-component/modules/epidemic-car-source-detail/index.vue';
import EpidemicPointDetail from '../business-component/modules/epidemic-point-detail/index.vue'

import Equipment from '../business-component/modules/equipment/index.vue'
import EquipmentList from '../business-component/modules/equipment-list/index.vue'

import CarDetail from '../business-component/modules/car-detail/index.vue'
import CarList from '../business-component/modules/car-list/index.vue'

</script>

<style lang="less">
#test {
  height: 60vh;
  width: 500px;
}

.index-container {
  height: 100%;
  width: 100%;
  display: flex;
  flex-wrap: wrap;

}

.index-container>div {
  flex: none !important;
  margin: 5px;
}
</style>
